<!-- <template>
	<view style="position: relative;">
     <view  @click="goto()" v-if="id==='1'"
	 style="position: fixed;top: 100rpx;right:-5rpx;z-index: 1;writing-mode: vertical-rl; width: 60rpx;height: 180rpx;background-color: #4dc1fe;display: flex;justify-content: center;align-items: center;border: 3px solid rgba(68, 135, 216, 1);border-top-left-radius: 20rpx;border-bottom-left-radius:20rpx;color: rgba(17, 80, 143, 1);">服务详情</view>
    <image  :src="imageUrl"></image>
	</view>
</template>

<script setup>
	// import  from "../../../src/components/ay-qrcode/qrcode_wx.js"
	import {
		onLoad,
		onShow
	} from '@dcloudio/uni-app';
	import {
		onMounted,ref
	} from 'vue';
	const imageUrl= ref("")
	const id = ref("")
	onLoad((options)=>{

		id.value = options.id

	})
	onMounted(()=>{
		if(id.value==="1"){
			imageUrl.value = "https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E8%82%BA%E5%BA%B7%E5%8D%A1%E6%B5%B7%E6%8A%A5/jiying-1732592506.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1732592447%3B4886192507&q-key-time=1732592447%3B4886192507&q-header-list=host&q-url-param-list=&q-signature=bac130d3a2ef434cdca571df335653e7fabd1eec"
		}else if(id.value==="2"){
			imageUrl.value = "https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E8%82%BA%E5%BA%B7%E5%8D%A1%E6%B5%B7%E6%8A%A5/feiaijingtie-1732593191.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1732593132%3B4886193192&q-key-time=1732593132%3B4886193192&q-header-list=host&q-url-param-list=&q-signature=d3e4424d05992a51f8aa78e654308f7ef050396c"
		}else if(id.value==="3"){
			imageUrl.value = "https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E8%82%BA%E5%BA%B7%E5%8D%A1%E6%B5%B7%E6%8A%A5/jiuyiguihua-1732593231.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1732593172%3B4886193232&q-key-time=1732593172%3B4886193232&q-header-list=host&q-url-param-list=&q-signature=9393719a1b5af8330af419f12d70031c02fab817"
		}else if(id.value==="4"){
			imageUrl.value = "https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E8%82%BA%E5%BA%B7%E5%8D%A1%E6%B5%B7%E6%8A%A5/linchuangxinyao-1732593292.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1732593233%3B4886193293&q-key-time=1732593233%3B4886193293&q-header-list=host&q-url-param-list=&q-signature=b29f9379e9fadf4a30e576f23641e2ac129ed9c7"
		}else if(id.value==="5"){
			imageUrl.value = "https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E8%82%BA%E5%BA%B7%E5%8D%A1%E6%B5%B7%E6%8A%A5/cishanzengyao-1732593310.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1732593251%3B4886193311&q-key-time=1732593251%3B4886193311&q-header-list=host&q-url-param-list=&q-signature=95cb79d92b5b2444a365b3099063ab3ec229c95f"
		}else if(id.value==="6"){
			imageUrl.value = "https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E8%82%BA%E5%BA%B7%E5%8D%A1%E6%B5%B7%E6%8A%A5/feiaizhuanjiadianzheng-1732593326.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1732593267%3B4886193327&q-key-time=1732593267%3B4886193327&q-header-list=host&q-url-param-list=&q-signature=ebee2a82458b65551711343e24d331337ff32bc1"
		}else if(id.value==="7"){
			imageUrl.value = "https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E8%82%BA%E5%BA%B7%E5%8D%A1%E6%B5%B7%E6%8A%A5/%E7%94%BB%E6%9D%BF%2057-1732593347.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1732593288%3B4886193348&q-key-time=1732593288%3B4886193348&q-header-list=host&q-url-param-list=&q-signature=7badf1411aaa5fef701aa3ad15c22b9ea810769c"
		}
		console.log(options.id,"1",imageUrl)
		//1.基因检测优惠
		// https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E8%82%BA%E5%BA%B7%E5%8D%A1%E6%B5%B7%E6%8A%A5/jiying-1732592506.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1732592447%3B4886192507&q-key-time=1732592447%3B4886192507&q-header-list=host&q-url-param-list=&q-signature=bac130d3a2ef434cdca571df335653e7fabd1eec
	    //2.肺癌医疗津贴
		//imageUrl.value = "https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E8%82%BA%E5%BA%B7%E5%8D%A1%E6%B5%B7%E6%8A%A5/feiaijingtie-1732593191.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1732593132%3B4886193192&q-key-time=1732593132%3B4886193192&q-header-list=host&q-url-param-list=&q-signature=d3e4424d05992a51f8aa78e654308f7ef050396c"
	    //3.就医规划协助服务
		//https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E8%82%BA%E5%BA%B7%E5%8D%A1%E6%B5%B7%E6%8A%A5/jiuyiguihua-1732593231.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1732593172%3B4886193232&q-key-time=1732593172%3B4886193232&q-header-list=host&q-url-param-list=&q-signature=9393719a1b5af8330af419f12d70031c02fab817
		//4.临床新药申请
		//https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E8%82%BA%E5%BA%B7%E5%8D%A1%E6%B5%B7%E6%8A%A5/linchuangxinyao-1732593292.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1732593233%3B4886193293&q-key-time=1732593233%3B4886193293&q-header-list=host&q-url-param-list=&q-signature=b29f9379e9fadf4a30e576f23641e2ac129ed9c7
		//5.慈善赠药
		//https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E8%82%BA%E5%BA%B7%E5%8D%A1%E6%B5%B7%E6%8A%A5/cishanzengyao-1732593310.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1732593251%3B4886193311&q-key-time=1732593251%3B4886193311&q-header-list=host&q-url-param-list=&q-signature=95cb79d92b5b2444a365b3099063ab3ec229c95f
		//6.肺癌专家点诊
		//https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E8%82%BA%E5%BA%B7%E5%8D%A1%E6%B5%B7%E6%8A%A5/feiaizhuanjiadianzheng-1732593326.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1732593267%3B4886193327&q-key-time=1732593267%3B4886193327&q-header-list=host&q-url-param-list=&q-signature=ebee2a82458b65551711343e24d331337ff32bc1
		//7.极影检测服务项
		//https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E8%82%BA%E5%BA%B7%E5%8D%A1%E6%B5%B7%E6%8A%A5/%E7%94%BB%E6%9D%BF%2057-1732593347.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1732593288%3B4886193348&q-key-time=1732593288%3B4886193348&q-header-list=host&q-url-param-list=&q-signature=7badf1411aaa5fef701aa3ad15c22b9ea810769c
	})
	const goto=()=>{
		uni.navigateTo({
			url: "/pages/invite/serveritem"
		})
	}
</script>

<style>
	
</style -->


<template>
	<view style="position: relative;">
		<!-- <view  @click="goto()" v-if="id==='1'"
		 style="position: fixed;top: 100rpx;right:-5rpx;z-index: 1;writing-mode: vertical-rl; width: 60rpx;height: 180rpx;background-color: #4dc1fe;display: flex;justify-content: center;align-items: center;border: 3px solid rgba(68, 135, 216, 1);border-top-left-radius: 20rpx;border-bottom-left-radius:20rpx;color: rgba(17, 80, 143, 1);">服务详情</view> -->
		<image :src="imageUrl" mode="widthFix" style="width: 750rpx;" @load="handleImageLoad" v-if="imageUrl" />
		<!-- <text v-if="!imageLoaded">加载中...</text> --> <!-- 加载状态提示 -->
		<!-- <image src="" style="height: 500rpx;width: 400rpx;"  ></image> -->
<!-- 		<view bindlongpress="longPressHandler">
			<image src="../../static/da4d87e557cbf6e544490c2e21a008a.png" data-src="image.png"
				style="height: 500rpx;width: 400rpx;" :show-menu-by-longpress="true"></image>
		</view> -->
		<view 
			style="position: fixed;bottom: 0;width: 750rpx;height: 150rpx;background-color: white;display: flex;justify-content: center;align-items: center;z-index: 9999999;">
			<view
				style="height: 80rpx;width: 400rpx;margin: 0 auto;background-color: rgb(9, 103, 252);color:white;display: flex;justify-content: center;align-items: center;font-size: 40rpx;border-radius: 100rpx;"
				@click="tijiao()"><view style="text-align: center;">咨询客服</view></view>
		</view>
	</view>
</template>

<script setup>
	import {
		onLoad,
		onShow
	} from '@dcloudio/uni-app';
	import {
		ref,
		onMounted,

	} from 'vue';

	// 定义响应式变量  
	const imageUrl = ref(''); // 图片地址  
	const imageLoaded = ref(false); // 图片加载状态  

	// 使用 onMounted 钩子设置图片的 URL  
	const id = ref("")
	onLoad((options) => {

		id.value = options.id
		// id.value = "1"
		console.log(options.id, "1", imageUrl)
		if (id.value === "1") {
			imageUrl.value =
				"https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E5%9F%BA%E5%9B%A0%E6%A3%80%E6%B5%8B/%E7%94%BB%E6%9D%BF%2048-1733122789.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1733122730%3B4886722790&q-key-time=1733122730%3B4886722790&q-header-list=host&q-url-param-list=&q-signature=c5665f065db5ceee0facd3cc056367a1853645c3"
		} else if (id.value === "2") {
			imageUrl.value =
				"https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E5%9F%BA%E5%9B%A0%E6%A3%80%E6%B5%8B/%E7%94%BB%E6%9D%BF%2052-1733122824.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1733122765%3B4886722825&q-key-time=1733122765%3B4886722825&q-header-list=host&q-url-param-list=&q-signature=0a8293a44ab3ddf3f4f77634689fa4408cd664e4"
		} else if (id.value === "3") {
			imageUrl.value =
				"https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E5%B0%B1%E5%8C%BB%E8%B7%AF%E5%BE%84%E8%A7%84%E5%88%92%E6%9C%8D%E5%8A%A1/%E7%94%BB%E6%9D%BF%2053-1733069527.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1733069467%3B4886669527&q-key-time=1733069467%3B4886669527&q-header-list=host&q-url-param-list=&q-signature=78ef11c1c80c65102e5d057e83e75bd0321f14f1"
		} else if (id.value === "4") {
			imageUrl.value =
				"https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E4%B8%B4%E5%BA%8A%E6%96%B0%E8%8D%AF%E7%94%B3%E8%AF%B7/%E7%94%BB%E6%9D%BF%2054-1733069591.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1733069531%3B4886669591&q-key-time=1733069531%3B4886669591&q-header-list=host&q-url-param-list=&q-signature=1eec3b5caf93949f31d950407e0b05504c427d97"
		} else if (id.value === "5") {
			imageUrl.value =
				"https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E4%B8%B4%E5%BA%8A%E6%96%B0%E8%8D%AF%E7%94%B3%E8%AF%B7/%E7%94%BB%E6%9D%BF%2055-1733069622.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1733069562%3B4886669622&q-key-time=1733069562%3B4886669622&q-header-list=host&q-url-param-list=&q-signature=5f82fee91e64cf2f4bd0df8c44852983ae4be1ff"
		} else if (id.value === "6") {
			imageUrl.value =
				"https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E4%B8%B4%E5%BA%8A%E6%96%B0%E8%8D%AF%E7%94%B3%E8%AF%B7/%E7%94%BB%E6%9D%BF%2056-1733069651.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1733069591%3B4886669651&q-key-time=1733069591%3B4886669651&q-header-list=host&q-url-param-list=&q-signature=069567838293f7e340a9faba80445d37e90e2597"
		} else if (id.value === "7") {
			imageUrl.value =
				"https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E8%82%BA%E5%BA%B7%E5%8D%A1%E6%B5%B7%E6%8A%A5/%E7%94%BB%E6%9D%BF%2057-1732593347.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1732593288%3B4886193348&q-key-time=1732593288%3B4886193348&q-header-list=host&q-url-param-list=&q-signature=7badf1411aaa5fef701aa3ad15c22b9ea810769c"
		}else if(!id.value){
			console.log("nima")
		}
	})
	onMounted(() => {

		//1.基因检测优惠
		// https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E5%9F%BA%E5%9B%A0%E6%A3%80%E6%B5%8B%E4%BC%98%E6%83%A020241201/%E7%94%BB%E6%9D%BF%2048-1732984123.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1732984064%3B4886584124&q-key-time=1732984064%3B4886584124&q-header-list=host&q-url-param-list=&q-signature=69bd25e82a34a6b4a3f070142685c9326d6c26df
		//2.肺癌医疗津贴
		//https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E8%82%BA%E7%99%8C%E5%8C%BB%E7%96%97%E6%B4%A5%E8%B4%B420241201/%E7%94%BB%E6%9D%BF%2052-1732984239.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1732984179%3B4886584239&q-key-time=1732984179%3B4886584239&q-header-list=host&q-url-param-list=&q-signature=a4c789d0d68c7c65876e387a185f14e9a3be1e72"
		//3.就医规划协助服务
		//https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E5%B0%B1%E5%8C%BB%E8%A7%84%E5%88%92%E5%8D%8F%E5%8A%A9%E6%9C%8D%E5%8A%A120241201/%E7%94%BB%E6%9D%BF%2053-1732984316.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1732984258%3B4886584318&q-key-time=1732984258%3B4886584318&q-header-list=host&q-url-param-list=&q-signature=503c62317605340364c3c64a4e75928374614f4c
		//4.临床新药申请
		//https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E4%B8%B4%E5%BA%8A%E6%96%B0%E8%8D%AF%E7%94%B3%E8%AF%B720241201/%E7%94%BB%E6%9D%BF%2054-1732984416.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1732984357%3B4886584417&q-key-time=1732984357%3B4886584417&q-header-list=host&q-url-param-list=&q-signature=82bdcd048710d429a97d3d5a6a788eb0f6ea6fce
		//5.慈善赠药
		//https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E6%85%88%E5%96%84%E8%B5%A0%E8%8D%AF20241201/%E7%94%BB%E6%9D%BF%2055-1732984564.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1732984505%3B4886584565&q-key-time=1732984505%3B4886584565&q-header-list=host&q-url-param-list=&q-signature=c01525a11405728b21a9930a28b5d8ba76015c39
		//6.肺癌专家点诊
		//https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E8%82%BA%E7%99%8C%E4%B8%93%E5%AE%B6%E7%82%B9%E8%AF%8A20241201/%E7%94%BB%E6%9D%BF%2056-1732984650.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1732984591%3B4886584651&q-key-time=1732984591%3B4886584651&q-header-list=host&q-url-param-list=&q-signature=3dbb57ffc40165b4d44ae537f39f733eed120c8b
		//7.极影检测服务项
		//https://dbdgtech-1325115897.cos.ap-shanghai.myqcloud.com/%E8%82%BA%E5%BA%B7%E5%8D%A1%E6%B5%B7%E6%8A%A5/%E7%94%BB%E6%9D%BF%2057-1732593347.png?q-sign-algorithm=sha1&q-ak=AKIDjfq5IXuJnK0gU5eH65jRHH85GHD0e990&q-sign-time=1732593288%3B4886193348&q-key-time=1732593288%3B4886193348&q-header-list=host&q-url-param-list=&q-signature=7badf1411aaa5fef701aa3ad15c22b9ea810769c
	})
	// 定义处理图片加载的方法  
	const handleImageLoad = () => {
		imageLoaded.value = true;
		// 修改加载状态为已加载  
		console.log('Image loaded successfully');
	};
	const goto = () => {
		uni.navigateTo({
			url: "/pages/invite/serveritem"
		})
	}
	const longPressHandler = () => {
        wx.scanCode({
              scanType: ['qrCode'],
              success: function(res) {
                console.log(res.result);
              }
            });
	}
</script>

<style scoped>

</style>